<template>
	<view>
		<view class="delete">
			<image class="img" src="@/static/img/delete.png" mode="widthFix"></image>
		</view>
		<view class="title">
			<u-form-item label="素材标题：" :border-bottom="false" label-width="150">
				<u-input v-model="value" />
			</u-form-item>
		</view>
		<view class="big-img">
			<image class="img" src="@/static/introduce.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			};
		}
	}
</script>

<style lang="scss" scoped>
.big-img {
	margin-top: 20rpx;
	.img {
		width: 100%;
	}
}
.title {
	background-color: #FFF;
	padding: 0 20rpx;
}
.delete {
	display: flex;
	justify-content: flex-end;
	padding: 23rpx 20rpx;
	.img {
		width: 42rpx;
	}
}
</style>
<style>
	page {
		background-color: #F4F5F7;
		box-sizing: border-box;
	}
</style>
